<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>SyslibJS - Component explorer</title>
<script src="../src/syslib/syslib.js" type="text/javascript"></script>
<script src="functions.js" type="text/javascript"></script>
</head>
<body style="height: 100%; padding: 0px; margin: 0px;" bgcolor="#ffffff">
<script>
  syslib.init({
    path : "../src/syslib/", 
    enableUI : true, 
    lookAndFeel : "green", 
    debug : true
  });
</script>


	<script type="application/syslib+xml">
		<div id="container" style="width: 100%; height: 100%;">
			<borderlayout>
				<borderlayout-item position='west' title="Components">
					<a href="javascript:void(0);" onclick="ComponentViewer.view('console.html');">Console</a>
					<br />
					<a href="javascript:void(0);" onclick="ComponentViewer.view('panels.html');">Panels</a>
					<br />
					<a href="javascript:void(0);" onclick="ComponentViewer.view('tabpanel.html');">TabPanel</a>
					<br />
					<a href="javascript:void(0);" onclick="ComponentViewer.view('toolbar.html');">Toolbar</a>
					<br />
				</borderlayout-item>
				<borderlayout-item position='center' title="Demo">
					<div id="demo" style="padding: 5px;">
						Select the component that you want to view in the menu.						
					</div>
				</borderlayout-item>
			</borderlayout>
		</div>
	</script>	
</div>
</body>
</html>